<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>axios post的简化操作方式</title>
	</head>
	<body>
		<div id="app">
			
		</div>
	<script src="../js/axios.js"></script>
		<script>
		/* 1. post请求说明  form 标点的数据的新增入库
		
		  2.由于ajax的异步请求，每次请求都是编辑完整的路径，写多了太繁琐了
		 */
		//设定公共的请求路径
		axios.defaults.baseURL="http://localhost:8090"
		
		let user={
			name: '唱戏妹子',
			age: '500',
			sex: '女'
			
		}
		/*
		 2.解构赋值
		 用一个方法。将数据直接获取。简化2步操作
		 用 1.await 表示哦异步请求
		    2.用在函数中的  asyno用在函数中的  支持解构  要求同时出现
			3.语法结构 const {}  用于接收结构后的对象
		 */
		async function ajax(){
		const {data: value}=await axios.post("/users/saveUser",user)
			console.log(value)
		}
		//调用函数
		ajax()
		
		</script>
	
	</body>
</html>
